<template>
  <div>
    <van-nav-bar title="密码登录" left-text="返回" left-arrow @click-left="onClickLeft" />
    <van-field v-model="text" placeholder="账号" />
    <van-field v-model="text" placeholder="旧密码" />
    <van-field v-model="text" placeholder="请输入新密码" />
    <van-field v-model="text" placeholder="请确认密码" />
    <van-field name="switch">
      <template #input>
        <input
          class="hide"
          placeholder="验证码"
          type="text"
          maxlength="4"
          v-model="captcha"
        />
        <!-- <img
              class="get_verification"
              src="../../public/img/验证码.png"
              @click="updateCapcha"
              ref="captcha"
            /> -->
        <div class="change_img">
          <span>看不清</span><br />
          <span>换一张</span>
        </div>
      </template>
    </van-field>
    <!--确认修改-->
    <div>
        <van-button class="login_container" round block type="info" native-type="submit">确认修改</van-button>
    </div>

  </div>
</template>

<script>
// import { Button, Form, Field, NavBar, Toast, Switch } from "vant";
export default {
  name: "Forget",
  data() {
    return {
      value: "",
    };
  },
  components: {

  },
  methods: {
    onSubmit(values) {
      console.log("sumbit", values);
    },
  },
};
</script>

<style>
/*导航栏背景色 */
.van-nav-bar__content {
  background: #3190e8;
}
/*文字颜色 */
.van-nav-bar__title,
.van-nav-bar__left,
.van-nav-bar .van-icon,
.van-nav-bar__text {
  color: white;
}
.van-cell {
  padding-top: 14px;
}
/*验证码内input标签 */
.hide {
  width: 198px;
  border: 0px;
  color: #666;
}
/**看不清，换一个 */
.change_img :nth-of-type(2) {
  color: #3b95e9;
}
</style>
